<!DOCTYPE html>
<html lang="en">

<head>
     <meta charset="UTF-8">
     <title>详情</title>
     <link rel="stylesheet" href="static/css/reset.css">
     <link rel="stylesheet" href="static/css/iconfont_1.css" />
     <link rel="stylesheet" href="static/css/detail.css">
</head>
<style>
.detail .detail-header {
	 width: 100%;
	 height: 300px;
	 line-height: 300px;
	 background-color: #FE4E50;
      background-image: url('./static/picture/29180158z9xc.jpg');
      background-size: 100% 100%;
}

.detail .detail-box {
	 width: 1400px;
	 height: 100%;
	 margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
}

.detail-header .header-title {
	 font-size: 72px;
	 color: #ffffff;
}

.detail-header .header-title-area {
	 font-size: 48px;
	 background-color: #ffffff;
	 color: #CA0012;
	 width: 377px;
	 height: 78px;
	 line-height: 78px;
	 margin-left: 30px;
	 border-radius: 5px;
}
.detail-breadcrumb{
     margin: 60px 0;
     width: 332px;
background: #F23034;
padding: 21px 26px;
color: #ffffff;
border-radius: 0px 37px 37px 0px;
}
.detail-content{
     min-height: 1020px;
background: #FFFFFF;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
opacity: 1;
text-align: center;
padding: 36px 191px;
}
.detail-content .content-title{
     font-size: 36px;
    font-weight: bold;
    color: #333333;
}
.detail-content .content-time{
     display: flex;
     justify-content: center;
     align-items: center;
     background: #F2F2F2;
     padding:15px 0;
     color: #5685FF;
     margin: 24px auto;
}
.content-time .publish-time{
   margin-right: 20px;
}
.content-main {
   word-break: normal;
   text-align: left;
}
 .footer {
	width: 100%;
	text-align: center;
	padding: 50px 0;
	background-color: rgb(165, 43, 49);
}

.footer .footer-text {
	color: #ffffff;
}

.footer .footer-text p {
	line-height: 40px;
}

.footer .footer-unit {
	margin-top: 20px;
}

.footer .footer-unit img {
	width: 100px;
	height: 50px;
	margin-left: 10px;
}
</style>
<body>
   <div class="detail">
        <!-- 头部 -->
        <div class="detail-header tc clearfix">
          <div class="detail-box">
               <div class="header-title">记录小康工程</div>
               <div class="header-title-area">迪庆州数据库</div>
          </div>
     </div>
     <div class="main">
            <!-- 面包屑 -->
         <div class="detail-breadcrumb">您的位置：首页 > 有关新闻报道 > 正文</div>
         <div class="detail-content">
              <div class="content-title">德钦县巩固拓展脱贫攻坚成果同乡村振兴有效衔接</div>
              <div class="content-time">
                   <div class="publish-time">发布时间: <span>2021-03-18 16:22:22</span></div>
                   <div class="publish-source">来源: <span>迪庆新闻 [字体:大中小]</span></div>
              </div>
              <div class="content-main">
观当代世相，讲中国故事。3月18日，央视新纪录·征集作品展播播出《下山》，该作品讲述了云南迪庆州脱贫之路，跟随镜头，一起来看这片曾经的贫困地区，如何脱贫奔小康。
              </div>
         </div>
     </div>
   </div>
    <!-- 底部展示区 -->
 <div class="footer">
     <div class="footer-text">
             <p>滇ICP备08000875号-12 互联网新闻信息服务许可证编号:  531201700002 信息网络传播视听节目许可证: 2511600</p>
             <p>互联网出版许可证: 新出网证(滇)字04号</p>
             <p>广播电视节目制作经营许可证号: (云)字第00093号</p>
             <p>电信增值业务经营许可证编号: 滇B2-20090008 @ yunnan.cn All Rights Reserved since 2003.08</p>
             <p>未经云南网书面特别授权,请勿转载或建立镜像,违者依法必究</p>
        </div>
        <div class="footer-unit">
             <img src="./static/picture/29200003kp3a.jpg" alt="">
             <img src="./static/picture/29200003kp3a.jpg" alt="">
             <img src="./static/picture/29200003kp3a.jpg" alt="">
             <img src="./static/picture/29200003kp3a.jpg" alt="">
             <img src="./static/picture/29200003kp3a.jpg" alt="">
             <img src="./static/picture/29200003kp3a.jpg" alt="">
        </div>
   </div>
</body>
<script type="text/javascript" src="./static/js/jquery-1.12.4.js"></script>
<script type="text/javascript">
     $(document).ready(function () {
          initPage()
     });

     function initPage() {

     }
</script>

</html>